
<h3><a id="block_deposer_photos"  href="#">Photos</a></h3>
    <div class="photos" id="block_photos" style="display:none;padding-bottom:50px;">
        {assign $pathMiniature = PHOTO_ANNONCE_PATH}
        {assign $path = PHOTO_ANNONCE_PATH}
        <input type="hidden" id='path_min' value="{$path}" />
        <input type="hidden" id="delImage" value="{$j_basepath}design/front/images/DeleteRed.png" />
        <input type="hidden" id="noImage" value="{$j_basepath}design/front/images/no_image.jpg" />
    	<div class="wrap">
        	<div class="p1" style="float:left!important;width:412px!important;">
                <input type="hidden" name="photo-annonce" value="{if isset($photoSrc)}{foreach $photoSrc as $key=>$item}{if (($key !=0) || (isset($fimage)))}{if ($key >0)},{/if}{$item->photo_name}{/if}{/foreach}{/if}" id="photo-annonce" />
            	<p><strong>Photo Principale gratuite</strong> vue exterieure du vehicuke uniquement</p>
                 <div class="upload_image" style="width:387px!important;">
                    <img src="{if ($photo_princ != '')}{if (!isset($fimage))}{$pathMiniature}{/if}{$photo_princ}{else}{$j_basepath}design/front/images/no_image.jpg{/if}" id="thumb" title="photo principale" alt="no image"/>
                    <!--chemin du fichier-->
                    <input type="text" id="fic_princ" name="fic_princ"  class="nom_fic" readonly="true" value="{if ($photo_princ != '')}{$photo_princ}{/if}"/>
                    <!-- Upload Button-->
                    <div id="upload" class='btn_upload'>Parcourir</div>
                    <span id="status_fic" >
                        <img src="{$j_basepath}design/front/images/loading.gif" class="loading"  alt="no image"/>
                        <p></p>
                    </span> 
                </div>
                <p><strong>Photos supplementaires</strong> jusqu'a 10 photos</p>
                
                <div class="upload_image" style="width:387px!important;">
                    <img src="{$j_basepath}design/front/images/no_image.jpg" id="thumb_supp" alt="no image"/>
                    <!--chemin du fichier-->
                    <input type="text" id="fic_supp" class="nom_fic" readonly="true" />
                    <!-- Upload Button-->
                    <div id="upload_supp" class='btn_upload'>Parcourir</div>
                    <span id="status_supp" >
                        <img src="{$j_basepath}design/front/images/loading.gif" class="loading"  alt="no image"/>
                    <p></p>
                    </span> 
                </div>
                <!-----begin caroussel-->
                    <input type="hidden" id="ao_path_image_delete" value="{$j_basepath}design/front/images/DeleteRed.png">
                    <div class ="div_ao_caroussel" style="display:none">
                             
                              <ul id="ao_carousel" class="jcarousel-skin-tango">
                                    {if ($photo_princ != '')}
                                        <li style="width:60px!important; height:61px!important;">
                                                <img src="{if (!isset($fimage))}{$pathMiniature}{/if}{$photo_princ}"  class="photo_princ"  title="{$photo_princ}" style="width:64px!important;" height="64"/>
                                                <img src="{$j_basepath}design/front/images/DeleteRed.png" onclick="supprimerImage($(this));" class="deleteImage" title="Supprimer cette image" />
                                        </li>
                                    {/if}
                                    {if isset($photoSrc)}
                                        {foreach $photoSrc as $key=>$item}
                                            {if (($key !=0) || (isset($fimage)))}
                                                <li>
                                                    <img src="{$pathMiniature}{$item->photo_name}" class="photo_princ" title="{$pathMiniature}{$item->photo_name}" style="width:64px!important;" />
                                                    <img src="{$j_basepath}design/front/images/DeleteRed.png" onclick="supprimerImage($(this))" class="deleteImage" title="Supprimer cette image" />
                                                </li>
                                            {/if}
                                            
                                        {/foreach}
                                    {/if}
                              </ul>
                     </div>
             <!-----end carroussel--->
               
            </div>
            
            <!--begin gallery-->
            <div style="width:313px;  display:block; overflow:hidden; margin:0 auto;"> 

                <!--<div class="infiniteCarousel" id="wrapper_carousel" style="margin-top: 270px ! important; display: block; margin-left: -420px;">
                    <div class="wrapper"  >
                        <ul>
                            {if ($photo_princ != '')}
                                    <li style="width:60px!important; height:61px!important;">
                                            <img src="{if (!isset($fimage))}{$pathMiniature}{/if}{$photo_princ}"  class="photo_princ"  title="{$photo_princ}" style="width:64px!important;" height="64"/>
                                            <img src="{$j_basepath}design/front/images/DeleteRed.png" class="deleteImage" title="Supprimer cette image" />
                                    </li>
                                {/if}
                                {if isset($photoSrc)}
                                    {foreach $photoSrc as $key=>$item}
                                        {if (($key !=0) || (isset($fimage)))}
                                            <li>
                                                <img src="{$pathMiniature}{$item->photo_name}" class="photo_princ" title="{$pathMiniature}{$item->photo_name}" style="width:64px!important;" />
                                                <img src="{$j_basepath}design/front/images/DeleteRed.png" class="deleteImage" title="Supprimer cette image" />
                                            </li>
                                        {/if}
                                        
                                    {/foreach}
                                {/if}
                        </ul>        
                      </div>
                 </div>--->
              
                <a class="showPP" style="cursor: pointer;margin-left:270px;margin-top:auto;position:absolute;" ><img  alt="" src="{$j_basepath}design/front/images/zoom.png" title="Zoom" /></a>

               <img id='ap_img' style="height:auto!important;" src="{if ($photo_princ != '')}{if (!isset($fimage))}{$pathMiniature}{/if}{$photo_princ}{else}{$j_basepath}design/front/images/no_image.jpg{/if}" style="margin-top:40px!important;" />
               
               <ul id="forPopUp" class="forPopUp"  style="display: none;">       
                   {if isset($photoSrc)}
                        {foreach $photoSrc as $key=>$item}
                            {if (($key !=0) || (isset($fimage)))}
                                <a href="{$pathMiniature}{$item->photo_name}" rel="prettyPhoto[pp_gal]" title="">
                                    <img src="{$pathMiniature}{$item->photo_name}" width="60" height="60" alt="" /> 
                                </a>
                            {/if}

                        {/foreach}
                    {/if}
                </ul>
            </div>
            
                <!--end gallery-->
              
                <div class="clear">&nbsp;</div>
                <a class="btn_last" href="#video" onclick="collapsePanel(2,1);" style="float:right; background:none; display:inline-block; width:129px; height:37px; margin:10px 17px 0 0;"><img alt="Valider" src="{$j_basepath}design/front/images/btn_valider.png" title="Valider" /><br /></a>
        </div>
    </div>